<template>
    <div class="content">

        <div class="control-box">name</div>

    </div>
</template>

<script>
// import { ElMessage, ElMessageBox } from 'element-plus'

export default {
    name: 'HomePage',
    components: {},
    data() {
        return {

        }
    },
    mounted() {

    },
    methods: {


    }
}
</script>

<style scoped lang="less">
.content {
    width: 100%;
    padding: 0 10px;

    .control-box {
        height: 60px;
        line-height: 60px;
        padding: 0 20px;
        display: flex;
        justify-content: space-between;

        .control-right {
            .search-input {
                margin-right: 10px;
                height: 30px;
                line-height: 30px;
                width: 300px;
                padding: 0 5px;
            }
        }
    }

    .table-box {
        width: 100%;

        .paging-box {
            position: absolute;
            margin-top: 10px;
            right: 60px;
            bottom: 50px;
        }
    }
}
</style>